<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>选项框 | 表单</title>
    <link rel="stylesheet" href="../../assets/dest/css/basic_reset.css">
    <link rel="stylesheet" href="../../assets/dest/css/basic_font.css">
	<link rel="stylesheet" href="../../assets/dest/css/form_checkbox.css">
	<link rel="stylesheet" href="../demo-lib/doc.css">
</head>
<body>
	<div class="header">
		<dl>
			<dt>项目：</dt>
			<dd>选项框</dd>
			<dt>描述：</dt>
			<dd>单选、复选框</dd>
			<dt>资源：</dt>
			<dd>
				<code>basic_reset.css</code>
				<code>basic_font.css</code>
				<code>form_checkbox.css</code>
			</dd>
		</dl>
	</div>
	<div class="mainbox">
		<label class="o-radio">
            <input type="radio" name="radio" checked>
            <span class="o-label-text">单选1</span>
        </label>
        <label class="o-radio">
            <input type="radio" name="radio">
            <span class="o-label-text">单选2</span>
        </label>
        <label class="o-radio">
            <input type="radio" name="radio-disabled" disabled>
            <span class="o-label-text">禁用单选1</span>
        </label>
        <label class="o-radio">
            <input type="radio" name="radio-disabled" disabled checked>
            <span class="o-label-text">禁用单选2</span>
		</label>

		<hr>

        <label class="o-checkbox">
            <input type="checkbox" name="checkbox" checked>
            <span class="o-label-text">多选1</span>
        </label>
        <label class="o-checkbox">
            <input type="checkbox" name="checkbox">
            <span class="o-label-text">多选2</span>
        </label>
        <label class="o-checkbox">
            <input type="checkbox" name="checkbox" disabled>
            <span class="o-label-text">禁用多选1</span>
        </label>
        <label class="o-checkbox">
            <input type="checkbox" name="checkbox" disabled checked>
            <span class="o-label-text">禁用多选2</span>
        </label>
    </div>
</body>
</html>
